<nz-layout nzTheme="light">
  <app-main-header [(collapsed)]="collapsed" style="height: 64px;"></app-main-header>
  <nz-layout>
    <nz-sider nzTheme="light" nzCollapsible="true" [(nzCollapsed)]="collapsed" [nzTrigger]="null">
      <ul nz-menu nzMode="inline" class="sider-menu">
        <li *ngFor="let menu of menus|keyvalue|orderBy:'value.sortNum'" nz-submenu [nzOpen]="menu.value.open" [nzIcon]="menu.value.icon" [nzTitle]="menu.value.name">
          <ul>
            <li nz-menu-item *ngFor="let item of menu.value.items|keyvalue|orderBy:'value.sortNum'" nzMatchRouter>
              <a [routerLink]="item.value.router">
                <fa-icon [icon]="item.value.icon"></fa-icon>&nbsp;&nbsp;{{item.value.name}}
              </a>
            </li>
          </ul>
        </li>
      </ul>
    </nz-sider>
    <nz-layout class="inner-layout">
      <nz-row>
        <nz-col nzSpan="24" style="background-color: #fff;padding-left: 25px;">
          <nz-breadcrumb nzSeparator=">" *ngIf="navLabels">
            <nz-breadcrumb-item *ngFor="let item of navLabels">
              {{item}}
            </nz-breadcrumb-item>
          </nz-breadcrumb>
        </nz-col>
      </nz-row>

      <nz-content>
        <router-outlet></router-outlet>
      </nz-content>
    </nz-layout>
  </nz-layout>
</nz-layout>
